<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	</head>

	<body>
	</body>
	<script type="text/javascript">
		// 第一种写法：
		//		$.ajax({
		//			// 请求的类型，get，post
		//			type:"get",
		//			// 请求的url地址
		//			url:"myJson.json",
		//			// 在交互的时候，请求使用的是json数据类型
		//			dataType:'json',
		//			// 如果前端和服务器交互成功之后，服务器就会返回数据
		//			success:function(data){
		//				console.log(data)
		//				alert('交互成功')
		//				// 写咱们的业务逻辑
		//			},
		//			error:function(){
		//				alert('交互失败')
		//			}
		//			// 这个参数可以写也可以不写，默认就是true
		////			async:true
		//		});
		// 第二种

		$.ajax({
				type: "get",
				url: "myJson.json",
				dataType: 'json',
			})
			.done(function(data) {
				console.log(data)
				//alert('交互成功')
			})
			.fail(function() {
				alert("交互失败")
			});
	</script>

</html>